<!DOCTYPE html> <!-- 声明为HTML5 -->
<html>
  <head>   
    <meta charset="utf-8" /> 
    <title>我的简历</title>
    <link href="style.css" rel="stylesheet" />
  </head>
  <body>
    <div class="resume-container">
      <div class="resume-header">
        <h1>关于 <span class="resume-header-me">我</span></h1>
        <h2>RESUME</h2>
      </div>
      <div class="resume-base">
        <div class="resume-base-info">
          <div class="resume-base-info-item">
            <span class="item-label">姓名：</span>
            <span class="item-value">颜某某</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">性别：</span>
            <span class="item-value">女</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">年龄：</span>
            <span class="item-value">21</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">出生：</span>
            <span class="item-value">2001.06</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">民族：</span>
            <span class="item-value">汉</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">籍贯：</span>
            <span class="item-value">甘肃兰州</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">学校：</span>
            <span class="item-value">湖州师范学院</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">专业：</span>
            <span class="item-value">物联网工程</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">手机：</span>
            <span class="item-value">1788822XXXX</span>
          </div>
          <div class="resume-base-info-item">
            <span class="item-label">邮箱：</span>
            <span class="item-value">2499@qq.com</span>
          </div>
        </div>
        <div class="resume-base-image">
          <img class="resume-base-image-avatar" src="assets/images/resume/img1.jpg" />
        </div>
      </div>
      <h4>计算机技能</h4>
      <div class="resume-skill">
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-90"></div>
            <span class="item-value">90</span>
          </div>
          <span class="item-label">JavaScript</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-90"></div>
            <span class="item-value">90</span>
          </div>
          <span class="item-label">HTML</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-90"></div>
            <span class="item-value">90</span>
          </div>
          <span class="item-label">CSS</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-90"></div>
            <span class="item-value">90</span>
          </div>
          <span class="item-label">Angular</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-80"></div>
            <span class="item-value">80</span>
          </div>
          <span class="item-label">VB.Net</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-75"></div>
            <span class="item-value">75</span>
          </div>
          <span class="item-label">Python</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-75"></div>
            <span class="item-value">75</span>
          </div>
          <span class="item-label">NodeJS</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-70"></div>
            <span class="item-value">70</span>
          </div>
          <span class="item-label">Nginx</span>  
        </div>
        <div class="resume-skill-item">
          <div class="resume-skill-item-progress">
            <div class="resume-skill-item-circle"></div>
            <div class="resume-skill-item-left"></div>
            <div class="resume-skill-item-right resume-skill-item-80"></div>
            <span class="item-value">80</span>
          </div>
          <span class="item-label">MongoDB</span>  
        </div>
      </div>
      <h4>学习经历</h4>
      <div class="resume-learning">
        
        <div class="resume-learning-item">
          <span class="item-school">湖州师范学院</span>
          <span class="item-major">物联网工程</span>
          <span class="item-degree">本科</span>
          <span class="item-date">2019.9-2020.6</span>
        </div>
      </div>
      <h4>在校经历</h4>
      
        <div class="resume-project-item">
          <img class="item-image" src="assets/images/apic27858.jpg" />
          <span class="item-title">个人评价</span>
          <span class="item-date">2019.09-2023.06</span>
          
          <span class="item-description">
             自我学习能力还是比较强的，想做的事很认真。专业知识扎实，有积极的工作态度，能够独立工作， 又有团队精神。具有良好的文化素质，在未来的工作中，我将以充沛的精力，努力工作，稳定地进步 自己的工作能力。我正在寻找一个更好的发展平台，希望能够充分发挥自己的优势。  在任职岗位上工作敬业，吃苦耐劳，责任心强，办事果断，能统筹大局，有较强的抗压能力； 对待问题有较高的判断力，并能独立高效的完成本职工作。 善于总结工作经验及时发现工作中存在的问题并加以改进
          </span>
        </div>
        
      </div>
    </div>
  </body>
</html>